<template>
  <div class="container">
    <Child :callback="parentMethod" />
  </div>
</template>

<script>
import Child from "./Child.vue";
export default {
  name: "Father",
  components: {
    Child,
  },
  props: {},
  data() {
    return {};
  },
  computed: {},
  methods: {
    parentMethod(v1, v2) {
      console.log(`v1: ${v1}, v2: ${v2}`);
      return v1 + v2;
    },
  },
};
</script>
<style  scoped>
.container {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>